*, :after, :before {
  box-sizing: border-box;
}
html,body{
  height: 100%;
  width: 100%;
}
body{
  font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
  font-size: 14px;
  background: #fff;
  color: $text-base;
}

input,button{
  outline: none;
}
ul,ol,li{
  list-style: none;
  padding: 0;
  margin: 0;
}

p{
  margin-top: 0;
  margin-bottom: 0;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.fl{
  float: left;
}
.fr{
  float: right;
}